<script setup>
import Hello from "../components/Hello.vue"
import { ref } from "vue";
const hhh = ref(null);

function fn(){
  console.log(hhh.value);
}

</script>

<template>
  <div class="about">
    <h1>This is an about page</h1>
    <input type="button" value="按钮" @click="fn">
    <Hello ref="hhh" abc="这是abc" title="这是title" class="box" id="cont">
      <template #header>
        <span>这是头部1</span>
        <p>这是头部2</p>
        <em>12313</em>
        <i>4574745</i>
      </template>
      <template #body>
        这是身体
      </template>
      <template #footer>
        这是底部
      </template>
    </Hello>
  </div>
</template>
